<%@ tag body-content="scriptless" pageEncoding="utf-8"%>
<%@ attribute name="id" rtexprvalue="true" required="true"%>
<%@ attribute name="dataGrid" rtexprvalue="true" required="true"%>

<script type="text/javascript">
<!--
$include("tags/listCtrl/style.css");
$include("tags/listCtrl/lib.js");
//-->
</script>

<table cellpadding="4" width="100%" class="listCtrl">
<tr>
	<td align="left">
			<img src="<%=request.getContextPath()%>/opesoft/tags/listCtrl/images/first.png" id="${id}$first" border="0" class="listCtrlImg">
			<img src="<%=request.getContextPath()%>/opesoft/tags/listCtrl/images/back.png" id="${id}$back" border="0" class="listCtrlImg">
			<img src="<%=request.getContextPath()%>/opesoft/tags/listCtrl/images/reload.png" id="${id}$reload" border="0" class="listCtrlImg">
			<img src="<%=request.getContextPath()%>/opesoft/tags/listCtrl/images/next.png" id="${id}$next" border="0" class="listCtrlImg">
			<img src="<%=request.getContextPath()%>/opesoft/tags/listCtrl/images/last.png" id="${id}$last" border="0" class="listCtrlImg">
	</td>
	<td align="right">
		No.<input type="text" id="${id}$nowPage" class="pageNo">/<input type="text" id="${id}$allPage" class="pageNo" readonly>
		Size:<input type="text" class="pageNo" id="${id}$pageSize">
		Count:<input type="text" class="pageNo" id="${id}$allRecord" readonly>
	</td>
</tr>
</table>

<SCRIPT LANGUAGE="JavaScript">
<!--
var ${id}=new ListCtrlConfig("${dataGrid}");
${id}.init($("${id}$first"),$("${id}$back"),$("${id}$next"),$("${id}$last"),$("${id}$reload"),$("${id}$nowPage"),$("${id}$allPage"),$("${id}$pageSize"),$("${id}$allRecord"));
//-->
</SCRIPT>